{% extends '../../../layouts/skins/v2/layout.volt' %}
{% block content %}
    <div ng-controller="movieController">
    {% for i in 1..5 %}
        <div>
            <div class="page-header">
                <h3>
                    <a href="">
                        Video Mới Nổi Bật
                    </a>
                </h3>
            </div>
            <div class="row">
                <div class="carousel slide" id="myCarousel">
                    <div class="carousel-inner">
                        {% for i in 1..4 %}
                        <div class="item active col-sm-6 col-md-3">
                            <div class="thumbnail">
                                <img data-src="holder.js/100%x200" alt="100%x200" src="" style="height: 200px; width: 100%; display: block;">
                                <div class="caption">
                                    <h3>Thumbnail label</h3>
                                    <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
                                    <p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>
                                </div>
                            </div>
                        </div>
                        {% endfor %}
                        <!--<a data-slide="prev" href="#myCarousel" class="left carousel-control">‹</a>
                        <a data-slide="next" href="#myCarousel" class="right carousel-control">›</a> -->
                    </div>
                </div>
            </div>
        </div>
        {% endfor %}
    </div>
{% endblock %}

<!------------backup_16_10_2014--------------->
<div ng-controller="movieController">
    <div>
        <div>
            <div class="page-header">
                <h3>
                    <a href="">
                        Phim đang chiếu
                    </a>
                </h3>
            </div>
            <div class="row">
                <div class="subtray">
                    {% for new in news %}
                        <div class="item col-sm-6 col-md-3">
                            <div class="thumbnail">
                                <a href="{{url('video/detail/'~new.getId())}}" title="{{new.videoDescription.getName()}}">
                                    {% if(new.imageLink.getFirst()) %}
                                        {{ image('/public/files/' ~ new.imageLink.getFirst().images.getImagePath() , 'width' : '250','height':'250') }}
                                    {% else %}
                                        {{ image('/public/files/default.jpg'  , 'width' : '250','height':'250') }}
                                    {% endif %}
                                </a>
                                <div class="caption">
                                    <h4 class="title">
                                        <a href="#" data-title="{{new.videoDescription.getName()}}" class="litebox icon play-trailer">
                                            {{new.videoDescription.getName()}}
                                        </a>
                                    </h4>
                                </div>
                            </div>
                        </div>
                    {% endfor %}
                </div>

            </div>
        </div>

        <div>
            <div class="page-header">
                <h3>
                    <a href="">
                        Phim xem nhiều
                    </a>
                </h3>
            </div>
            <div class="row">
                <div class="subtray">
                    {% for new in news %}
                        <div class="item col-sm-6 col-md-3">
                            <div class="thumbnail">
                                <a href="{{url('video/detail/'~new.getId())}}" title="{{new.videoDescription.getName()}}">
                                    {% if(new.imageLink.getFirst()) %}
                                        {{ image('/public/files/' ~ new.imageLink.getFirst().images.getImagePath() , 'width' : '250','height':'250') }}
                                    {% else %}
                                        {{ image('/public/files/default.jpg'  , 'width' : '250','height':'250') }}
                                    {% endif %}
                                </a>
                                <div class="caption">
                                    <h4 class="title">
                                        <a href="#" data-title="{{new.videoDescription.getName()}}" class="litebox icon play-trailer">
                                            {{new.videoDescription.getName()}}
                                        </a>
                                    </h4>
                                </div>
                            </div>
                        </div>
                    {% endfor %}
                </div>

            </div>
        </div>

    </div>
</div>